<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/login.css">
</head>

<body>
    <!-- 头部 S -->
    <div class="ifra">
        <iframe src="./header.html" frameborder="0" width="1024px" height="150px"></iframe>
    </div>
    <!-- 头部 E -->
    
    <!-- 主体 S -->
    <div class="body">
        <!-- 左内容 S  -->
        <div class="left">
            <img src="./imgs/logintitle.gif" alt="">
            <form action="" name="login">
                <div class="username">
                    <span>会员名：</span>
                    <input type="text">
                    <span>(可包含 a-z/、0-9和下划线)</span>
                </div>
                <div class="password">
                    <span>密&nbsp&nbsp&nbsp码：</span>
                    <input type="password">
                    <span>(至少包含6个字符)</span>
                </div>
                <br/>
                <input type="button" id="login_b">
            </form>
            <p>&delta;&nbsp; <a href="#">什么是安全登录</a>。</p>
            <p>&delta;&nbsp; 香港會員（繁體用戸）由此<a href="#">登入</a>。</p>
            <p>&delta;&nbsp; <a href="#">密码安全贴士</a></p>
            <p>&delta;&nbsp; 防止病毒或者木马窃取您的账户信息，<a href="#">在线检查</a>您的电脑是否安全。</p>
        </div>
        <!-- 左内容 E  -->
        <div id="center_line"></div>
        <!-- 右内容栏 S -->
        <div class="right">
            <img src="./imgs/register.gif" alt="">
            <p><span>便宜有好货！</span>超过7000万件商品任您选。</p>
            <p><span>买卖更安全！</span>交易超安全。</p>
            <p><span>免费开网店！</span>轻松赚钱交友。</p>
            <p><span>超人气社区！</span>彩活动每一天</p>
            <img src="./imgs/registernow.gif" alt="" id="registernow">
            <div class="enter">
                <div class="loginin">
                    <span>您已经是会员？<a href="#">由此登入</a></span>
                </div>
                <div class="registerin">
                    <span>繁体中文用户由此<a href="#">注册</a></span>
                </div>
            </div>
        </div>
        <!-- 右内容栏 E -->
    </div>
    <!-- 主体 E -->

    <!-- 底部 S -->
    <div class="ifra">
        <iframe src="./footer.html" frameborder="0" width="1024px" height="160px"></iframe>
    </div>
    <!-- 底部 E -->
</body>

</html>